<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="UTF-8" />
        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
        <title>请假</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
        <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="static/css/demo.css" />
        <link rel="stylesheet" type="text/css" href="static/css/style.css" />
		<link rel="stylesheet" type="text/css" href="static/css/animate-custom.css" />
    </head>
    <body>
        <div class="container">
            <!-- Codrops top bar -->
           
            <header>
                <h1>输入请假信息<span>*</span></h1>
				<nav class="codrops-demos">
					<a href="/">填写基本信息</a>
					<a href="/function">功能选择</a>
                    <a href="#"  class="current-demo">请假</a>
					<a href="#">查询请假记录</a>
					<a href="#">请假成功</a>
				</nav>
            </header>
            <section>				
                <div id="container_demo" >
                    <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form action="/success" autocomplete="on">
                                <h1>basic information</h1> 
                                <p> 
                                    <label for="things" class="uname" data-icon="u" >事由</label>
                                    <input id="things" name="things" required="required" type="text" placeholder="事由"/>
                                </p>
                                <p> 
                                    <label for="time" class="youpasswd" data-icon="u"> 时间 </label>
                                    <input id="time" name="time" required="required" type="text" placeholder="时间" /> 
                                </p>
                
                                <p> 
                                    <label for="teacher_name" class="youpasswd" data-icon="u">辅导员姓名</label>
                                    <input id="teacher_name" name="teacher_name" required="required" type="text" placeholder="辅导员姓名" /> 
                                </p>

                                <p> 
                                    <label for="leason" class="youpasswd" data-icon="u">节次</label>
                                    <input id="leason" name="leason" required="required" type="text" placeholder="节次" /> 
                                </p>
                                <p class="login button"> 
                                    <input type="submit" value="Submit"  />
                                    <!--onclick="alert('请假成功')"-->
								</p>
                            </form>
                        </div>
                    </div>
                </div>  
            </section>
        </div>
    </body>
</html>